<template>
    <el-select>
      <el-option v-for="item in difficultyList" :key="item.difficulty" :label="item.difficultyName" :value="item.difficulty"/>
    </el-select>
    
  </template>

  
  <script setup>
  import { reactive } from 'vue'
  
  const difficultyList = reactive([
    {
      "difficulty": 1,
      "difficultyName": "简单",
    },
    {
      "difficulty": 2,
      "difficultyName": "中等",
    },
    {
      "difficulty": 3,
      "difficultyName": "困难",
    }
  ]) 
  </script>